﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="insurance_orderpayment.aspx.cs"
    Inherits="insurance_orderpayment" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>曼福旅游保险</title>
    <link rel="canonical" href="http://www.mapfre-assistance.com.cn" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="travel insurance, holiday insurance, annual travel insurance, ski insurance, backpackers insurance, annual, cheap, uk, insurance, insureandgo, InsureandGo," />
    <meta name="description" content="Buy cheap travel insurance from InsureandGo, the UK's largest direct travel insurer. Wide range of policies available. Prices from under &pound;6. Kids go free." />
    <meta name="robots" content="noodp" />
    <meta name="google-site-verification" content="_p3NAz7IjML6o1UMAukUDLvJ-q3yRO-14nTqkjd0dDI" />
    <meta name="WT.pi" content="index.aspx" />
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- Style Sheets -->
    <link href="_common/styles/base.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="_common/styles/template.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="_common/styles/compare.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/calendar.css" rel="stylesheet" type="text/css" media="screen" />
    <!--[if lte IE 6]>
        <link rel="stylesheet" type="text/css" href="_common/styles/ie-styles.css" media="screen" />
    <![endif]-->
    <!-- Javascript Libraries -->
    <!--[if lt IE 7]>
    <script defer="defer" type="text/javascript" src="_common/scripts/pngfix.js"></script>
    <![endif]-->
    <!-- ANALYTICS END -->
    <script src="_common/scripts/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="_common/scripts/Util.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
        })
        function GetPaymentMethod(method, bankcode) {
            $("#txtPayMethod").val(method);
            $("#txtBankCode").val(bankcode);
        }
        function UIValidate() {
            if ($("#txtPayMethod").val() == "") {
                alert("请选择付款方式!");
                return false;
            }
            return true;
        }
    </script>
</head>
<body>
    <div id="bodyWrapper">
        <div class="bodyWrapper">
            <div class="contentWrapper">
                <div class="bannerWrapper">
                    <ul class="topMenu">
                        <li><a href="###">首页</a></li>
                        <li><a href="###">FAQs</a></li>
                        <li><a href="###">投诉</a></li>
                        <li><a href="###">关于我们</a></li>
                        <li><a href="###">联系我们</a></li>
                        <li style="padding-right: 0px;"><a href="###">站点地图</a></li>
                    </ul>
                    <a href="index.aspx" id="mapfre_logo">&nbsp;</a>
                    <div id="slogan">
                        <h1>
                            旅游保险</h1>
                    </div>
                    <div id="phonenumber">
                        400-820-8659</div>
                    <div class="clear">
                    </div>
                </div>
                <!-- Top Navigation -->
                &nbsp; &nbsp;
                <div class="clearBoth">
                </div>
                <div class="subOptionsWrapperSmall2" id="compareadjustment">
                    <div class="subButtonsWrapperSmall">
                        <div class="subButtonsInnerWrapperSmall setPaddingBannerContent">
                            <ul class="progressIndicatorWrapper">
                                <li class="setProgressText" style="_margin: 20px 0px 0px 20px;">Quote<br />
                                    Process </li>
                                <li style="_margin: 20px 0px 0px -80px;">
                                    <img id="step01" src="_imgs/step01_light.png" alt="" border="0" />
                                </li>
                                <li style="_margin: 20px 0px 0px -50px;">
                                    <img id="step02" src="_imgs/step02_light.png" alt="" border="0" />
                                </li>
                                <li style="_margin: 20px 0px 0px -50px;">
                                    <img id="step03" src="_imgs/step03_light.png" alt="" border="0" />
                                </li>
                                <li style="_margin: 20px 0px 0px -50px;">
                                    <img id="step04" src="_imgs/step04.png" alt="" border="0" />
                                </li>
                                <li style="_margin: 20px 0px 0px -50px;">
                                    <img id="step05" src="_imgs/step05_light.png" alt="" border="0" />
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="contentInnerWrapper">
                    <script type="text/javascript">
                        <!--
                        function ___doPostBack(eventTarget) {
                            var theForm = document.forms["form1"];
                            if (!theForm) {
                                theForm = document.form1;
                            }
                            if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                                theForm.___EVENTTARGET.value = eventTarget;
                                theForm.submit();
                            }
                        }
                        // -->
                    </script>
                    <!-- Body Content -->
                    <form id="form1" name="form1" runat="server">
                    <input type="hidden" name="___EVENTTARGET" id="___EVENTTARGET" value="" />
                    <input type="hidden" name="txtObjectId" id="txtObjectId" runat="server" />
                    <input type="hidden" name="txtPayMethod" id="txtPayMethod" runat="server" />
                    <input type="hidden" name="txtBankCode" id="txtBankCode" runat="server" />
                    <input type="hidden" name="txtPrice" id="txtPrice" runat="server" />
                    <input type="hidden" name="txtInvoiceFee" id="txtInvoiceFee" runat="server" />
                    <input type="hidden" name="txtProductName" id="txtProductName" runat="server" />
                    <input type="hidden" name="txtOrderNumber" id="txtOrderNumber" runat="server" />
                    <input id="txtTotalAmount" name="txtTotalAmount" type="hidden" runat="server" />
                    <input type="hidden" id="txtPersonQuantity" name="txtPersonQuantity" runat="server" value="0" /> 
                    <div id="borderedContainer">
                        <div class="leftCol">
                            <div class="form_width">
                                <div class="errorpaneltop" style="display: none; margin: 0px auto; float: none;"
                                    id="divErrorMsg" runat="server">
                                    <div class="errorpanelbottom">
                                        <div class="errorcontent">
                                            <h3 class="error">
                                                错误提示</h3>
                                            <ul>
                                                {0}</ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="fieldsetTop">
                                </div>
                                <div class="fieldsetMidd">
                                    <div id="destinationForm">
                                        <p class="form_titles">
                                            付款信息</p>
                                        <div class="form_row">
                                            <label class="form_headings">
                                                <span class="quote_subheading">订单编号：</span>
                                            </label>
                                            <span class="form_info">
                                                <asp:Label ID="lblOrderNumber" runat="server"></asp:Label>
                                            </span>
                                        </div>
                                        <div class="form_row">
                                            <label for="selProductList" class="form_headings">
                                                <span class="quote_subheading">保险款式：</span>
                                            </label>
                                            <span class="form_info">申根旅行保险 ——
                                                <asp:Label ID="lblProductName" runat="server"></asp:Label>
                                            </span><span class="form_info">
                                                <asp:Label ID="lblProductItemName" runat="server"></asp:Label>天
                                            </span>
                                        </div>
                                        <div class="form_row">
                                            <label for="lblPrice" class="form_headings">
                                                <span class="quote_subheading">价格：</span>
                                            </label>
                                            <span class="form_info">
                                                <asp:Label ID="lblPrice" runat="server"></asp:Label>(元) </span>
                                        </div>
                                        <div class="form_row">
                                            <label for="lblPrice" class="form_headings">
                                                <span class="quote_subheading">快递费用：</span>
                                            </label>
                                            <span class="form_info">
                                                <asp:Label ID="lblInvoiceFee" runat="server"></asp:Label>(元) </span>
                                        </div>
                                        <div class="form_row">
                                            <label for="lblStartDate" class="form_headings">
                                                <span class="quote_subheading">投保人数：</span>
                                            </label>
                                            <span class="form_info">
                                                <asp:Label ID="lblPersonQuantity" runat="server"></asp:Label>
                                            </span>
                                        </div>
                                        <div class="form_row">
                                            <label for="lblEndDate" class="form_headings">
                                                <span class="quote_subheading">合计金额：</span>
                                            </label>
                                            <span class="form_info">
                                                <asp:Label ID="lblTotalAmount" runat="server"></asp:Label>(元) </span>
                                        </div>
                                    </div>
                                    <div class="clearBoth">
                                    </div>
                                </div>
                                <div class="fieldsetBtm">
                                </div>
                                <div class="fieldsetTop">
                                </div>
                                <div class="fieldsetMidd">
                                    <p class="form_titles">
                                        选择支付平台</p>
                                    <div class="payType">
                                        <ul class="payTypeList">
                                            <li style="height: auto; width: 650px;">
                                                <ul class="pay-type-online">
                                                    <asp:Repeater ID="rptPaymentType_1" runat="server">
                                                        <ItemTemplate>
                                                            <li class="onlinePay" style="height: 60px;">
                                                                <input type="radio" name="pay" oid="<%# Eval("PaymentTypeId") %>" oname="<%# Eval("Name") %>"
                                                                    id="pay_<%# Eval("PaymentTypeId") %>" onclick="GetPaymentMethod('<%# Eval("PayMethod") %>', '<%# Eval("BankCode") %>');"
                                                                    style="margin-top: 12px;" /><a><label for="pay_<%# Eval("PaymentTypeId") %>"><span
                                                                        style="background: url(_imgs/<%# Eval("Brand")%>) no-repeat; margin: 0 0 5px;"></span></label></a>
                                                            </li>
                                                        </ItemTemplate>
                                                    </asp:Repeater>
                                                </ul>
                                            </li>
                                            <li class="withBorderTop" style="height: 10px"></li>
                                            <li style="height: auto; width: 650px;">
                                                <ul class="pay-type-online">
                                                    <asp:Repeater ID="rptPaymentType_2" runat="server">
                                                        <ItemTemplate>
                                                            <li class="onlinePay" style="height: 60px;">
                                                                <input type="radio" name="pay" oid="<%# Eval("PaymentTypeId") %>" oname="<%# Eval("Name") %>"
                                                                    id="pay_<%# Eval("PaymentTypeId") %>" onclick="GetPaymentMethod('<%# Eval("PayMethod") %>', '<%# Eval("BankCode") %>');"
                                                                    style="margin-top: 12px;" /><a><label for="pay_<%# Eval("PaymentTypeId") %>"><span
                                                                        style="background: url(_imgs/<%# Eval("Brand")%>) no-repeat; margin: 0 0 5px;"></span></label></a>
                                                            </li>
                                                        </ItemTemplate>
                                                    </asp:Repeater>
                                                </ul>
                                            </li> 
                                        </ul>
                                    </div>
                                </div>
                                <div class="fieldsetBtm">
                                </div>
                                <div align="right" style="margin: 10px 10px 0 0;">
                                    <img src="_imgs/back.png" onclick="history.go(-1)" style="cursor: pointer; float: left;">
                                    <input type="button" name="btnNext" id="btnSubmit" onclick="if(UIValidate()){this.disabled=true;___doPostBack('gopayment');}"
                                        class="button" style="border-width: 0px; background: url('_imgs/next.png') no-repeat;
                                        width: 195px; height: 41px; cursor: pointer;" />
                                </div>
                                <!--End: End travellers control-->
                                <div style="text-align: right; margin: 10px 10px 0 0;">
                                </div>
                            </div>
                        </div>
                        <div class="rightCol">
                            <!-- Single trip sidepod -->
                            <div class="side_pod">
                                <div class="top">
                                </div>
                                <div class="midd">
                                    <p class="summary_heading">
                                    </p>
                                    <ul class="productDesc">
                                        <li></li>
                                    </ul>
                                    <div class="clearBoth">
                                    </div>
                                </div>
                                <div class="bottom">
                                </div>
                            </div>
                            <!-- End of Single trip sidepod -->
                            <!-- Annual multi trip sidepod -->
                            <div class="side_pod">
                                <div class="top">
                                </div>
                                <div class="midd" id="annualsidepod" style="height: 300px;">
                                    <p class="summary_heading">
                                    </p>
                                    <ul class="productDesc">
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                    <div class="clearBoth">
                                    </div>
                                </div>
                                <div class="bottom">
                                </div>
                            </div>
                            <!-- End of Annual multi trip sidepod -->
                            <div id="lpButtonDiv">
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div class="clearBoth">
                        </div>
                    </div>
                    </form>
                </div>
            </div>
            <!--Body content end -->
            <!-- Footer Content -->
            <div class="footerWrapper">
                <!-- Footer Content Place Holder -->
                <div class="copyrightContent">
                    <div class="footerCopy">
                        &copy; 路华救援（北京）有限公司 - All rights reserved. ICP备案： 沪ICP备 08110845 号
                    </div>
                    <div class="footerLogo">
                        <img src="_imgs/mapfre_logo.png" width="247" height="41" alt="Mapfre Assistance"
                            title="Mapfre Assistance" class="legallogo" />
                    </div>
                </div>
            </div>
        </div>
        <div id="popitmenu" style="width: 180px;">
        </div>
        <div id="popitmenuscroll" style="width: 180px;">
        </div>
    </div>
</body>
</html>
